<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 vue入门案例</title>
		<!-- 步骤： 1.引入vue.js文件 -->
		<script src="D:\ApplicationFiles\vscode\chapter_three\VUE框架\vue\vue.js"></script>
		<!-- vscode中需要使用绝对路径引用-->
	</head>
	<body>
		<!-- 2.准备数据渲染区：是指在指定位置展示vue提供的数据 
		{{}}叫插值表达式，用来获取获取一个叫msg的变量的值-->
		<div id="app"> {{msg}} </div> 
		<!-- 3.使用vue准备数据，让第二步获取数据 -->
		<script>
			var a = {//js对象
				msg:'hello vue'
			}
			new Vue({
				//el属性是：挂载点，即将把数据展示在指定位置（css选择器）
				el : "#app" ,//id选择器，用#获取id的值
				
				//data属性是：data是用来准备数据的
				data : a   //js对象：此处使用a的数据
			})
		</script>
	</body>
</html>
